<!DOCTYPE html>
<html lang="en">

<head>
    <title>郑州大学3D云打印平台 - 首页</title>
    <meta charset="UTF-8">
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="renderer" content="webkit">
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
        crossorigin="anonymous">
    <link href="css/3D-head.css" rel="stylesheet" type="text/css" />
    <link href="css/3D-bzzx.css" rel="stylesheet" type="text/css" />
    <link href="css/3D-jdal.css" rel="stylesheet" type="text/css" />
    <link href="css/3D-jxjc.css" rel="stylesheet" type="text/css" />
    <link href="css/3D-model.css" rel="stylesheet" type="text/css" />
    <link href="css/swiper-3.4.2.min.css" rel="stylesheet" type="text/css" />
    <link href="css/3D-index.css" rel="stylesheet">  
    <link href="css/3D-index-footer.css" rel="stylesheet">  
    <link href="index-icon/iconfont.css" rel="stylesheet">  
    <script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="js/jquery.slideBox.js" type="text/javascript"></script>
    <script src="js/slidedown.js" type="text/javascript"></script>
    <script src="icon/iconfont.js"></script>
</head>

<body>
    <div class="container">
        <div class="row">
            <!-- left -->
            <div class="pull-left col-md-4">
                <span class=""><a href="page-contact-1.html" class="h3">
				<img alt="" src="images/zzu.png" width="30px" height="30px">
				郑州大学3D云打印平台</a>
			</span>
            </div>
            <div class="input-group pull-left col-md-4">
                <input type="text" class="form-control" placeholder="根据模型名称搜索">
                <span class="input-group-btn">
	        <button class="btn btn-primary" type="button">搜索模型</button>
	      </span>
            </div>
            <!-- right -->
            <ul class="list-inline pull-right text-right col-md-4">
                <li><a href="/uc/public/register" class="btn"><i class="glyphicon glyphicon-registration-mark"></i> 注册</a></li>
                <li><a href="admin/login" data-toggle="ajaxModal" class="btn btn-primary"><i class="glyphicon glyphicon-log-in"></i> 登录</a></li>
            </ul>
        </div>
    </div>
    <div class="nav-inverse">
        <ul class="nav-inverse-container">
            <li><a href="3D-index.html">首页</a></li>
            <li><a href="#">共享模型库</a></li>
            <li><a href="3D-jdal.html">经典案例</a></li>
            <li><a href="3D-jxjc.html">精选教程</a></li>
            <li id="li"><a href="#">帮助中心</a>
                <ul>
                    <li><a href="3D-bzzx/3D-bzzx-3Dbidu.html">了解3D打印</a></li>
                    <li><a href="3D-bzzx/3D-bzzx-3Dprinter.html">3D打印机</a></li>
                    <li><a href="3D-bzzx/3D-bzzx-3Dcailiao.html">3D打印材料</a></li>
                    <li><a href="3D-bzzx/3D-bzzx-3Dsheji.html">3D建模设计</a></li>
                </ul>
            </li>
        </ul>
    </div>

    <div id="scrollPics">
       <div class="swiper-container" id="top-swiper">
        <div class="swiper-wrapper slowdown">
            <div id="swiper1" class="swiper-slide"><img src="images/11.png"/></div>
            <div id="swiper2" class="swiper-slide"><img src="images/22.png"/></div>
            <div id="swiper3" class="swiper-slide"><img src="images/33.png"/></div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
        <!-- Add Arrows -->
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
    </div>
    </div>

    <div class="index-content">
        <div class="realize">
            <div class="re-nav">
                <span>推荐3D模型</span> <a href="">更多>></a>
            </div>
            <div class="re-modals">
                <div class="re-modal">
                    <div class="re-img"><img src="images/product.png" alt=""> </div>
                    <div class="re-title">
                        <p><a href="">小黄人模型</a></p>
                    </div>
                    <div class="re-icon">
                        <div class="re-icons">
                            <span><svg class="icon" aria-hidden="true"><use xlink:href="#icon-xiazai"></use></svg>0</span>
                            <span><svg class="icon" aria-hidden="true"><use xlink:href="#icon-liulan"></use></svg>0</span>
                            <span><svg class="icon" aria-hidden="true"><use xlink:href="#icon-dianzan1"></use></svg>0</span>
                        </div>
                        <img src="images/user.png" width="30px" height="30px" alt="">
                    </div>
                </div>
                <div class="re-modal">
                    <div class="re-img"><img src="images/product.png" alt=""> </div>
                    <div class="re-title">
                        <p><a href="">小黄人模型</a></p>
                    </div>
                    <div class="re-icon">
                        <div class="re-icons">
                            <span><svg class="icon" aria-hidden="true"><use xlink:href="#icon-xiazai"></use></svg>0</span>
                            <span><svg class="icon" aria-hidden="true"><use xlink:href="#icon-liulan"></use></svg>0</span>
                            <span><svg class="icon" aria-hidden="true"><use xlink:href="#icon-dianzan1"></use></svg>0</span>
                        </div>
                        <img src="images/user.png" width="30px" height="30px" alt="">
                    </div>
                </div>
                <div class="re-modal">
                    <div class="re-img"><img src="images/product.png" alt=""> </div>
                    <div class="re-title">
                        <p><a href="">小黄人模型</a></p>
                    </div>
                    <div class="re-icon">
                        <div class="re-icons">
                            <span><svg class="icon" aria-hidden="true"><use xlink:href="#icon-xiazai"></use></svg>0</span>
                            <span><svg class="icon" aria-hidden="true"><use xlink:href="#icon-liulan"></use></svg>0</span>
                            <span><svg class="icon" aria-hidden="true"><use xlink:href="#icon-dianzan1"></use></svg>0</span>
                        </div>
                        <img src="images/user.png" width="30px" height="30px" alt="">
                    </div>
                </div>
                <div class="re-modal">
                    <div class="re-img"><img src="images/product.png" alt=""> </div>
                    <div class="re-title">
                        <p><a href="">小黄人模型</a></p>
                    </div>
                    <div class="re-icon">
                        <div class="re-icons">
                            <span><svg class="icon" aria-hidden="true"><use xlink:href="#icon-xiazai"></use></svg>0</span>
                            <span><svg class="icon" aria-hidden="true"><use xlink:href="#icon-liulan"></use></svg>0</span>
                            <span><svg class="icon" aria-hidden="true"><use xlink:href="#icon-dianzan1"></use></svg>0</span>
                        </div>
                        <img src="images/user.png" width="30px" height="30px" alt="">
                    </div>
                </div>
                <div class="re-modal">
                    <div class="re-img"><img src="images/product.png" alt=""> </div>
                    <div class="re-title">
                        <p><a href="">小黄人模型</a></p>
                    </div>
                    <div class="re-icon">
                        <div class="re-icons">
                            <span><svg class="icon" aria-hidden="true"><use xlink:href="#icon-xiazai"></use></svg>0</span>
                            <span><svg class="icon" aria-hidden="true"><use xlink:href="#icon-liulan"></use></svg>0</span>
                            <span><svg class="icon" aria-hidden="true"><use xlink:href="#icon-dianzan1"></use></svg>0</span>
                        </div>
                        <img src="images/user.png" width="30px" height="30px" alt="">
                    </div>
                </div>
                <div class="re-modal">
                    <div class="re-img"><img src="images/product.png" alt=""> </div>
                    <div class="re-title">
                        <p><a href="">小黄人模型</a></p>
                    </div>
                    <div class="re-icon">
                        <div class="re-icons">
                            <span><svg class="icon" aria-hidden="true"><use xlink:href="#icon-xiazai"></use></svg>0</span>
                            <span><svg class="icon" aria-hidden="true"><use xlink:href="#icon-liulan"></use></svg>0</span>
                            <span><svg class="icon" aria-hidden="true"><use xlink:href="#icon-dianzan1"></use></svg>0</span>
                        </div>
                        <img src="images/user.png" width="30px" height="30px" alt="">
                    </div>
                </div>
                <div class="re-modal">
                    <div class="re-img"><img src="images/product.png" alt=""> </div>
                    <div class="re-title">
                        <p><a href="">小黄人模型</a></p>
                    </div>
                    <div class="re-icon">
                        <div class="re-icons">
                            <span><svg class="icon" aria-hidden="true"><use xlink:href="#icon-xiazai"></use></svg>0</span>
                            <span><svg class="icon" aria-hidden="true"><use xlink:href="#icon-liulan"></use></svg>0</span>
                            <span><svg class="icon" aria-hidden="true"><use xlink:href="#icon-dianzan1"></use></svg>0</span>
                        </div>
                        <img src="images/user.png" width="30px" height="30px" alt="">
                    </div>
                </div>
                <div class="re-modal">
                    <div class="re-img"><img src="images/product.png" alt=""> </div>
                    <div class="re-title">
                        <p><a href="">小黄人模型小黄人模型小黄人模型小黄人模型小黄人模型小黄人模型</a></p>
                    </div>
                    <div class="re-icon">
                        <div class="re-icons">
                            <span><svg class="icon" aria-hidden="true"><use xlink:href="#icon-xiazai"></use></svg>0</span>
                            <span><svg class="icon" aria-hidden="true"><use xlink:href="#icon-liulan"></use></svg>0</span>
                            <span><svg class="icon" aria-hidden="true"><use xlink:href="#icon-dianzan1"></use></svg>0</span>
                        </div>
                        <img src="images/user.png" width="30px" height="30px" alt="">
                    </div>
                </div>

            </div>
        </div>
        <div style="width:100%;height:1030px;background-color:#fff;">
            <div class="realize" style="background-color:#fff;">
                <div class="re-nav">
                    <span>经典案例</span> <a href="">更多>></a>
                </div>
                 <div class="index-new-bt-allimgs">
                            <div class="index-new-bt-allimages-one">
                                <!--图一全部 -->
                                <a href="#q">
                                    <!--图一头  -->
                                    <div class="index-new-bt-allimages-one-1">
                                        <img src="../images/2.png">
                                    </div>
                                    <!--图一上  -->
                                    <div class="index-new-bt-allimages-one-2">
                                        <p>美国用3D打印的横向脊柱000000000000架完成首例剂量</p>
                                    </div>
                                    <!--图一下  -->
                                    <div class="index-new-bt-allimages-one-3">
                                        <p>美国的4WEB Medical是3D打印植入物技术的行业领先者。近日，利用其3D打印的横向脊柱桁架系统， 美国当地几家著名医院成功完成了脊柱植入物手术。家著名医院成功完成
                                            了
                                        </p>
                                    </div>
                                    <!--图一底  -->
                                    <div class="index-new-bt-allimages-one-4">
                                        <p>2017-07-28 17:37:31</p>
                                    </div>
                                </a>
                            </div>
                            <!--图二  -->
                            <div class="index-new-bt-allimages-one1">
                                <!--图二全部 -->
                                <a href="#q">
                                    <!--图二头  -->
                                    <div class="index-new-bt-allimages-one-1">
                                        <img src="../images/2.png">
                                    </div>
                                    <!--图二上  -->
                                    <div class="index-new-bt-allimages-one-2">
                                        <p>美国用3D打印的横向脊柱000000000000架完成首例剂量</p>
                                    </div>
                                    <!--图二下  -->
                                    <div class="index-new-bt-allimages-one-3">
                                        <p>美国的4WEB Medical是3D打印植入物技术的行业领先者。近日，利用其3D打印的横向脊柱桁架系统， 美国当地几家著名医院成功完成了脊柱植入物手术。家著名医院成功完成
                                            了
                                        </p>
                                    </div>
                                    <!--图二底  -->
                                    <div class="index-new-bt-allimages-one-4">
                                        <p>2017-07-28 17:37:31</p>
                                    </div>
                                </a>
                            </div>
                            <!--图三  -->
                            <div class="index-new-bt-allimages-one2">
                                <!--图三全部 -->
                                <a href="#q">
                                    <!--图三头  -->
                                    <div class="index-new-bt-allimages-one-1">
                                        <img src="../images/3.png">
                                    </div>
                                    <!--图三上  -->
                                    <div class="index-new-bt-allimages-one-2">
                                        <p>美国用3D打印的横向脊柱000000000000架完成首例剂量</p>
                                    </div>
                                    <!--图三下  -->
                                    <div class="index-new-bt-allimages-one-3">
                                        <p>美国的4WEB Medical是3D打印植入物技术的行业领先者。近日，利用其3D打印的横向脊柱桁架系统， 美国当地几家著名医院成功完成了脊柱植入物手术。家著名医院成功完成
                                            了
                                        </p>
                                    </div>
                                    <!--图三底  -->
                                    <div class="index-new-bt-allimages-one-4">
                                        <p>2017-07-28 17:37:31</p>
                                    </div>
                                </a>
                            </div>
                            <!--图三结束  -->

                            <!-- 图四开始 -->
                            <div class="index-new-bt-allimages-one">
                                <!--图4全部 -->
                                <a href="#q">
                                    <!--图4头  -->
                                    <div class="index-new-bt-allimages-one-1">
                                        <img src="../images/2.png">
                                    </div>
                                    <!--图4上  -->
                                    <div class="index-new-bt-allimages-one-2">
                                        <p>美国用3D打印的横向脊柱000000000000架完成首例剂量</p>
                                    </div>
                                    <!--图4下  -->
                                    <div class="index-new-bt-allimages-one-3">
                                        <p>美国的4WEB Medical是3D打印植入物技术的行业领先者。近日，利用其3D打印的横向脊柱桁架系统， 美国当地几家著名医院成功完成了脊柱植入物手术。家著名医院成功完成
                                            了
                                        </p>
                                    </div>
                                    <!--图4底  -->
                                    <div class="index-new-bt-allimages-one-4">
                                        <p>2017-07-28 17:37:31</p>
                                    </div>
                                </a>
                            </div>
                            <!-- 图四结束 -->

                            <!-- 图5开始 -->
                            <div class="index-new-bt-allimages-one1">
                                <!--图5全部 -->
                                <a href="#q">
                                    <!--图5头  -->
                                    <div class="index-new-bt-allimages-one-1">
                                        <img src="../images/2.png">
                                    </div>
                                    <!--图5上  -->
                                    <div class="index-new-bt-allimages-one-2">
                                        <p>美国用3D打印的横向脊柱000000000000架完成首例剂量</p>
                                    </div>
                                    <!--图5下  -->
                                    <div class="index-new-bt-allimages-one-3">
                                        <p>美国的4WEB Medical是3D打印植入物技术的行业领先者。近日，利用其3D打印的横向脊柱桁架系统， 美国当地几家著名医院成功完成了脊柱植入物手术。家著名医院成功完成家著名医院成功完成家著名医院成功完成家著名医院成功完成
                                            了
                                        </p>
                                    </div>
                                    <!--图5底  -->
                                    <div class="index-new-bt-allimages-one-4">
                                        <p>2017-07-28 17:37:31</p>
                                    </div>
                                </a>
                            </div>
                            <!-- 图5结束 -->

                            <!-- 图6开始 -->
                            <div class="index-new-bt-allimages-one2">
                                <!--图6全部 -->
                                <a href="#q">
                                    <!--图6头  -->
                                    <div class="index-new-bt-allimages-one-1">
                                        <img src="../images/2.png">
                                    </div>
                                    <!--图6上  -->
                                    <div class="index-new-bt-allimages-one-2">
                                        <p>美国用3D打印的横向脊柱000000000000架完成首例剂量</p>
                                    </div>
                                    <!--图6下  -->
                                    <div class="index-new-bt-allimages-one-3">
                                        <p>美国的4WEB Medical是3D打印植入物技术的行业领先者。近日，利用其3D打印的横向脊柱桁架系统， 美国当地几家著名医院成功完成了脊柱植入物手术。家著名医院成功完成
                                            了
                                        </p>
                                    </div>
                                    <!--图6底  -->
                                    <div class="index-new-bt-allimages-one-4">
                                        <p>2017-07-28 17:37:31</p>
                                    </div>
                                </a>
                            </div>
                            <!-- 图6结束 -->
                    </div>
                </div>
            </div>
        </div>

        <div class="help-center">
            <div class="he-nav">
                <span>帮助中心</span>
            </div>
            <div class="he-content">
                <div class="he-help">
                    <div class="he-img">
                        <a href="3D-bzzx/3D-bzzx-3Dbidu.html"><img src="images/xinrenbidu.png" alt=""></a>
                    </div>
                    <p>3D打印必读</p>
                    <div class="he-msg">
                        送给新人的3D打印宝典
                    </div>
                </div>
                <div class="he-help">
                    <div class="he-img">
                        <a href="3D-bzzx/3D-bzzx-3Dprinter.html"><img src="images/3Dprinter.png" alt=""></a>
                    </div>
                    <p>了解3D打印机</p>
                    <div class="he-msg">
                        认识不同的3D打印机
                    </div>
                </div>
                <div class="he-help">
                    <div class="he-img">
                        <a href="3D-bzzx/3D-bzzx-3Dcailiao.html"><img src="images/3Dcailiao22.png" alt=""></a>
                    </div>
                    <p>3D打印材料介绍</p>
                    <div class="he-msg">
                        选择适合你的3D打印材料
                    </div>
                </div>
                <div class="he-help" style="margin-right:0px;">
                    <div class="he-img">
                        <a href="3D-bzzx/3D-bzzx-3Dsheji.html"><img src="images/3Djianmo.png" alt=""></a>
                    </div>
                    <p>3D建模设计</p>
                    <div class="he-msg">
                        多样的建模设计技巧
                    </div>
                </div>
            </div>
            <div class="f-link">
            <div class="fl-content">
                <div class="fl-nav">
                    友情链接   
                </div>
                <div class="fl-links">
                    <div class="fl-left button-prev">
                        <svg class="iconl" aria-hidden="true"><use xlink:href="#icon-zuo"></use></svg>    
                    </div>
                    <div class="swiper-container swiper-containerz" id="swiper-container-id"> 
                        <div class="swiper-wrapper" style="margin:0px;">   
                            <div class="swiper-slide swiper-slidez"><a href=""><img src="images/1.jpg" alt=""></a></div>
                            <div class="swiper-slide swiper-slidez"><a href=""><img src="images/1.jpg" alt=""></a></div>
                            <div class="swiper-slide swiper-slidez"><a href=""><img src="images/1.jpg" alt=""></a></div>
                            <div class="swiper-slide swiper-slidez"><a href=""><img src="images/1.jpg" alt=""></a></div>
                            <div class="swiper-slide swiper-slidez"><a href=""><img src="images/1.jpg" alt=""></a></div>
                            <div class="swiper-slide swiper-slidez"><a href=""><img src="images/1.jpg" alt=""></a></div>
                            <div class="swiper-slide swiper-slidez"><a href=""><img src="images/1.jpg" alt=""></a></div>
                            <div class="swiper-slide swiper-slidez"><a href=""><img src="images/1.jpg" alt=""></a></div>
                            <div class="swiper-slide swiper-slidez"><a href=""><img src="images/1.jpg" alt=""></a></div>
                            <div class="swiper-slide swiper-slidez"><a href=""><img src="images/1.jpg" alt=""></a></div>  
                        </div>  
                         <div class="swiper-pagination"></div>   
                    </div>
                    <div class="fl-right button-next">
                        <svg class="iconr" aria-hidden="true"><use xlink:href="#icon-you"></use></svg>    
                    </div>
                        
                </div>
            </div>
        </div>

        </div>
    </div>


    <div class="footer">
        <div class="content">
           <h4>郑州大学<span><i class="icon iconfont icon-jinzhi"></i></span></h4> 
           <p>Copyright@2015版权所有 豫ICP备15048603 地址：郑州市金水区文化路97号郑州大学北校区</p>
           <p>
                <a href="#">
                 <i class="icon iconfont icon-weibo"></i>
                </a>                
                <a href="#">
                 <i class="icon iconfont icon-QQ"></i>
                </a>

                <a href="#">
                 <i class="icon iconfont icon-weixin2"></i>
                </a>
            </p>
        </div>
    </div>
<script src="js/swiper-3.4.2.min.js" type="text/javascript"></script>
<script>
        var swiper = new Swiper('#swiper-container-id', {
            nextButton: '.button-next',
            prevButton: '.button-prev',
            slidesPerView: 7,
            freeMode: true,
            spaceBetween: 20
        });
    
</script>
<script>
    swiper = new Swiper('#top-swiper', {
        pagination: '.swiper-pagination',
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        paginationClickable: true,
        spaceBetween: 30,
        centeredSlides: true,
        autoplay: 4000,
        autoplayDisableOnInteraction: false
    });
    </script>
</body>
</html>